<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/chacang.css">
    <title>我的茶仓</title>
</head>

<body>
    <nav>
        <a href="#"><span class="iconfont icon-ziyuan1"></span><br>首页.活动</a>
        <a href="#"><span class="iconfont icon-gouwuche"></span><br>所有商品</a>
        <a href="#"><span class="iconfont icon-shouye"></span><br>我的茶仓</a>
        <a href="#"><span class="iconfont icon-tubiao-01"></span><br>个人中心</a>
    </nav>
    <div class="center001">
        <div class="sousuo">
            <input type="text" placeholder="请输入关键词搜索">
        </div>


        <div class="banner">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators 指示器-->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="./imgs/lunbo01.png" alt="...">
                        <div class="carousel-caption">
                        </div>
                    </div>
                    <div class="item">
                        <img src="./imgs/lunbo02.png" alt="...">
                        <div class="carousel-caption">
                        </div>
                    </div>
                    <div class="item">
                        <img src="./imgs/lunbo01.png" alt="...">
                        <div class="carousel-caption">
                        </div>
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        <div>

            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">出售</a></li>
                <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">转让</a></li>
                <li role="presentation" class="active"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">提货</a></li>
            </ul>

            <div class="tab-content">
                <div role="tabpanel" class="tab-pane" id="home">
                    <div class="leibiao">
                        <div class="wupin">
                            <div class="zuo"><strong> 下关2014马年生肖沱茶</strong></div>
                            <div class="you">持有数量&nbsp;300</div>
                            <div class="xiangqing">
                                <img src="./imgs/wupin01.png" alt="">
                                <div class="wenzi">
                                    <p style="font-size: 2.8rem; line-height: 3.6rem; color: #3a9c74;"><strong>成本￥200.90</strong></p>
                                    <p>出售中价格：￥30.00 </p>
                                    <p>出售中数量：4200 </p>
                                    <div><button>社交卖货</button><button>指定出售</button></div>

                                </div>
                            </div>
                        </div>
                        <div class="wupin">
                            <div class="zuo"><strong> 下关2014马年生肖沱茶</strong></div>
                            <div class="you">持有数量&nbsp;300</div>
                            <div class="xiangqing">
                                <img src="./imgs/wupin01.png" alt="">
                                <div class="wenzi">
                                    <p style="font-size: 2.8rem; line-height: 3.6rem; color: #3a9c74;"><strong>成本￥200.90</strong></p>
                                    <p>出售中价格：￥30.00 </p>
                                    <p>出售中数量：4200 </p>
                                    <button>社交卖货</button>
                                    <button>指定出售</button>
                                </div>
                            </div>
                        </div>
                        <div class="wupin">
                            <div class="zuo"><strong> 下关2014马年生肖沱茶</strong></div>
                            <div class="you">持有数量&nbsp;300</div>
                            <div class="xiangqing">
                                <img src="./imgs/wupin01.png" alt="">
                                <div class="wenzi">
                                    <p style="font-size: 2.8rem; line-height: 3.6rem; color: #3a9c74;"><strong>成本￥200.90</strong></p>
                                    <p>出售中价格：￥30.00 </p>
                                    <p>出售中数量：4200 </p>
                                    <button>社交卖货</button>
                                    <button>指定出售</button>
                                </div>
                            </div>
                        </div>
                        <div class="wupin">
                            <div class="zuo"><strong> 下关2014马年生肖沱茶</strong></div>
                            <div class="you">持有数量&nbsp;300</div>
                            <div class="xiangqing">
                                <img src="./imgs/wupin01.png" alt="">
                                <div class="wenzi">
                                    <p style="font-size: 2.8rem; line-height: 3.6rem; color: #3a9c74;"><strong>成本￥200.90</strong></p>
                                    <p>出售中价格：￥30.00 </p>
                                    <p>出售中数量：4200 </p>
                                    <button>社交卖货</button>
                                    <button>指定出售</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="last"></div>
                </div>
                <div role="tabpanel" class="tab-pane" id="profile">
                    <div role="tabpanel" class="tab-pane" id="home">
                        <div class="leibiao">
                            <div class="wupin">
                                <div class="zuo"><strong> 下关2014马年生肖沱茶</strong></div>
                                <div class="you">持有数量&nbsp;300</div>
                                <div class="xiangqing">
                                    <img src="./imgs/wupin02.png" alt="">
                                    <div class="wenzi">
                                        <p style="font-size: 2.8rem; line-height: 3.6rem; color: #3a9c74;"><strong>成本￥200.90 &nbsp;现在￥160.10</strong></p>
                                        <p>购买中：￥130.00-￥150.10 </p>
                                        <p>出售中数量：4200 </p>
                                        <div><button>上架</button><button>今日好价</button></div>
                                    </div>
                                </div>
                            </div>
                            <div class="wupin">
                                <div class="zuo"><strong> 下关2014马年生肖沱茶</strong></div>
                                <div class="you">持有数量&nbsp;300</div>
                                <div class="xiangqing">
                                    <img src="./imgs/wupin02.png" alt="">
                                    <div class="wenzi">
                                        <p style="font-size: 2.8rem; line-height: 3.6rem; color: #3a9c74;"><strong>成本￥200.90 &nbsp;现在￥160.10</strong></p>
                                        <p>购买中：￥130.00-￥150.10 </p>
                                        <p>出售中数量：4200 </p>
                                        <div><button>上架</button><button>今日好价</button></div>
                                    </div>
                                </div>
                            </div>
                            <div class="wupin">
                                <div class="zuo"><strong> 下关2014马年生肖沱茶</strong></div>
                                <div class="you">持有数量&nbsp;300</div>
                                <div class="xiangqing">
                                    <img src="./imgs/wupin02.png" alt="">
                                    <div class="wenzi">
                                        <p style="font-size: 2.8rem; line-height: 3.6rem; color: #3a9c74;"><strong>成本￥200.90 &nbsp;现在￥160.10</strong></p>
                                        <p>购买中：￥130.00-￥150.10 </p>
                                        <p>出售中数量：4200 </p>
                                        <div><button>上架</button><button>今日好价</button></div>
                                    </div>
                                </div>
                            </div>
                            <div class="wupin">
                                <div class="zuo"><strong> 下关2014马年生肖沱茶</strong></div>
                                <div class="you">持有数量&nbsp;300</div>
                                <div class="xiangqing">
                                    <img src="./imgs/wupin02.png" alt="">
                                    <div class="wenzi">
                                        <p style="font-size: 2.8rem; line-height: 3.6rem; color: #3a9c74;"><strong>成本￥200.90 &nbsp;现在￥160.10</strong></p>
                                        <p>购买中：￥130.00-￥150.10 </p>
                                        <p>出售中数量：4200 </p>
                                        <div><button>上架</button><button>今日好价</button></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="last"></div>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane active" id="messages">
                    <div role="tabpanel" class="tab-pane" id="home">
                        <div class="leibiao">
                            <div class="wupin">
                                <div class="zuo"><strong> 下关2014马年生肖沱茶</strong></div>
                                <div class="you">持有数量&nbsp;300</div>
                                <div class="xiangqing">
                                    <img src="./imgs/wupin01.png" alt="">
                                    <div class="wenzi">
                                        <p style="font-size: 2.8rem; line-height: 3.6rem; color: #3a9c74;"><strong>成本￥200.90</strong></p>
                                        <p>出售中价格：￥30.00 </p>
                                        <p>出售中数量：4200 </p>
                                        <div><button>社交卖货</button><button>指定出售</button></div>

                                    </div>
                                </div>
                            </div>
                            <div class="wupin">
                                <div class="zuo"><strong> 下关2014马年生肖沱茶</strong></div>
                                <div class="you">持有数量&nbsp;300</div>
                                <div class="xiangqing">
                                    <img src="./imgs/wupin01.png" alt="">
                                    <div class="wenzi">
                                        <p style="font-size: 2.8rem; line-height: 3.6rem; color: #3a9c74;"><strong>成本￥200.90</strong></p>
                                        <p>出售中价格：￥30.00 </p>
                                        <p>出售中数量：4200 </p>
                                        <button>社交卖货</button>
                                        <button>指定出售</button>
                                    </div>
                                </div>
                            </div>
                            <div class="wupin">
                                <div class="zuo"><strong> 下关2014马年生肖沱茶</strong></div>
                                <div class="you">持有数量&nbsp;300</div>
                                <div class="xiangqing">
                                    <img src="./imgs/wupin01.png" alt="">
                                    <div class="wenzi">
                                        <p style="font-size: 2.8rem; line-height: 3.6rem; color: #3a9c74;"><strong>成本￥200.90</strong></p>
                                        <p>出售中价格：￥30.00 </p>
                                        <p>出售中数量：4200 </p>
                                        <button>社交卖货</button>
                                        <button>指定出售</button>
                                    </div>
                                </div>
                            </div>
                            <div class="wupin">
                                <div class="zuo"><strong> 下关2014马年生肖沱茶</strong></div>
                                <div class="you">持有数量&nbsp;300</div>
                                <div class="xiangqing">
                                    <img src="./imgs/wupin01.png" alt="">
                                    <div class="wenzi">
                                        <p style="font-size: 2.8rem; line-height: 3.6rem; color: #3a9c74;"><strong>成本￥200.90</strong></p>
                                        <p>出售中价格：￥30.00 </p>
                                        <p>出售中数量：4200 </p>
                                        <button>社交卖货</button>
                                        <button>指定出售</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="last"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>


    <script src="https://cdn.bootcss.com/jquery/2.0.1/jquery.js"></script>
    <script src="./js/bootstrap.js"></script>
</body>

</html>